<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script language="javascript">
 	function definirIFrame(pagina) {
		document.getElementById('profileContent').src = pagina;
	}
</script>
</head>

<body bgcolor="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%">
	<tr>
		<td>
		<table width="100%">
			<tr>
				<td width="20%" />
				<td width="30%" />
				<td width="20%" />
				<td width="30%" />
			</tr>
			
			<tr>
			<td colspan="4">
			<input type="button" class="tabbutton" value="Personal information" onClick="definirIFrame('userProfilePersonalInformationTab.html')" />
			<input type="button" class="tabbutton" value="Education" onClick="definirIFrame('userProfileEducationTab.html')"/>
			<input type="button" class="tabbutton" value="Surveys" onClick="definirIFrame('userProfileSurveysTab.html')"/>
			<input type="button" class="tabbutton" value="Change password" onClick="definirIFrame('userProfileChangePasswordTab.html')"/>
			</td>
			<td>
			
			</tr>
			
		</table>
		</td>
	</tr>
	<tr>
	<td id="contents" width="800" height="535" align="left" valign="top">
	<iframe width="800" height="610" id="profileContent" name="profileContent" src="" style="border: 0"> </iframe>
	</td>
	</tr>
</table>
</body>
</html>